<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="${ctx}/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/plugins/validationEngine/css/validationEngine.jquery.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/plugins/layer/skin/default/layer.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .btn-sm {
            border-width: 4px;
            font-size: 13px;
            padding: 4px 9px;
            line-height: 1.39;
        }

        .code_space {
            margin-left: -4px;
            margin-right: 14px;
        }

        .btn_key {
            background-color: #6fb3e0 !important;
            border-color: #6fb3e0;
        }

        .btn_key:hover {
            color: #fff;
            background-color: #39b3d7;
            border-color: #269abc;
        }

        .code_width {
            width: 36.5%;
        }

        @media only screen and (max-width: 767px ) {
            .code_width {
                width: 102%;
            }
        }

        .radios {
            margin-bottom: 20px;
            float: left;
            margin-left: 40px;
        }
        .left{
        	float:left; width:44%; height:100%; 
        }
        .right{
        	float:left; width:56%;height:100%; 
        }
        .form-control{
        	width:250px;
        }
		.image-control{
			width: 200px;
			height: 100px;
			border: solid thin seashell;
			background-color: gainsboro;
		}
    </style>
</head>
<body>

<div id="divCenter" align="center"
     style="position: absolute; z-index: 9; display: none; width:1241px; height:700px;left:0px;top:0px;">
	<div style="text-align: center"><a class="btn btn-success" href="javascript:void(0);" onclick="picClose();">关闭</a>
	</div>
	<img id="bigImg" src=""/>

</div>

<div class="content">
	
    <form class="form-horizontal" id="addForm">
	    <br>
		<br>
		<br>
		<div class="all" style="float:inherit;margin-top: -90px">
			<div class="left">
		        <div class="form-group">
		        </div>
		        <div style="display:none;">
		            <label for="id" class="col-sm-4 control-label">主键:</label>
		            <div class="col-sm-3">
		                <input type="text" class="form-control validate[required]" id="id" name="id" value="${supplier.id}" placeholder="主键">
		            </div>
		        </div>
		        <div class="form-group">
		            <label for="roleCode" class="col-sm-4 control-label">联系人:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.personName}</span>
		            </div>
		        </div>
		          <div class="form-group">
		            <label for="description" class="col-sm-4 control-label">联系电话:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.personTel}</span>
		            </div>
		        </div>
		         <div class="form-group">
		            <label for="description" class="col-sm-4 control-label">所属区域:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.provinceName}-${supplier.cityName}-${supplier.countyName}</span>
		            </div>
		        </div>
		         <div class="form-group">
		            <label for="description" class="col-sm-4 control-label">详细地址:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.address}</span>
		            </div>
		        </div>
		        <div class="form-group">
		            <label for="description" class="col-sm-4 control-label">推广师电话:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.promoterTel}</span>
		            </div>
		        </div>
		        <div class="form-group">
		            <label for="description" class="col-sm-4 control-label">推广师姓名:</label>
		            <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.promoterName}</span>
		            </div>
		        </div>
	       </div>
	       <div class="right" style="margin-top: 20px">
		        <div class="form-group">
		        </div>
			   <div class="form-group">
				   <label for="businessNumber" class="col-sm-4 control-label">营业执照:</label>
				   <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.businessNumber}</span>
		            </div>
				   <div style="clear: both"></div>
				   <div style="clear: both;width: 500px;margin-left: 162px;margin-top: 10px">
					   <div class="image-control" onclick="picBig('${supplier.supplierImage[0].url}')" 
							style="background-image: url('${supplier.supplierImage[0].url}');background-size: 100% 100%;">

					   </div>
				   </div>
			   </div>
			   <div class="form-group">
				   <label for="personIdCard" class="col-sm-4 control-label">负责人身份证:</label>
				   <div class="col-sm-3">
						<span style="line-height: 30px">${supplier.personIdCard}</span>
		            </div>
				    <div style="clear: both"></div>
				   <div style="clear: both;width: 500px;margin-left: 162px;margin-top: 10px">
					   <div style="float: left">
						   <div class="image-control" onclick="picBig('${supplier.supplierImage[1].url}')" 
								style="background-image: url('${supplier.supplierImage[1].url}');background-size: 100% 100%;"></div>
					   </div>

					   <div  style="float: left;margin-left: 10px">
						   <div class="image-control"  onclick="picBig('${supplier.supplierImage[2].url}')" 
								style="background-image: url('${supplier.supplierImage[2].url}');background-size: 100% 100%;">
						   </div>
					   </div>
				   </div>
			   </div>
	       </div>
	       <div class="form-group">
            <div class="col-sm-10 text-center">
                <button type="button" id="backBtn" onclick="javascript:history.go(-1);" class="btn btn-primary">返回</button>
            </div>
        </div>
       </div>
    </form>
</div>
<script src="${ctx}/static/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="${ctx}/static/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctx}/static/plugins/layer/layer.js"></script>
<script src="${ctx}/static/plugins/validationEngine/jquery.validationEngine-zh_CN.js"></script>
<script src="${ctx}/static/plugins/validationEngine/jquery.validationEngine.js"></script>
<script src="${ctx}/static/js/common/base.js" type="text/javascript"></script>
<script src="${ctx}/static/js/common/page.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/layer/layer.js"></script>
<script>

function openBigImg() {
    alert("big");

}

function picBig(url) {
    if (url == null || "" == url) {
        return;
    }
    $("#bigImg").attr('src', url);
    sendDiv = layer.open({
        title: "查看大图",
        type: 1,
        closeBtn: 0,
        resize: false,
        area: ['1240px', '700px'], //宽高
        content: $("#divCenter")
    });

}
function picClose() {
    layer.close(sendDiv);
}

</script>
</body>
</html>